<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>游记首页</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入外部的css样式 -->
    <!-- 删除替换的 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css">
    <!-- 引用自己写的css样式 -->
    <link href="../../css/index/index.css" rel="stylesheet" type="text/css">
    <!-- 游记的css -->
    <link rel="stylesheet" type="text/css" href="../../css/traveler/travlelsnotes_index/cascade.css">



</head>

<body>
    <div class="container-fluid" id="head" style="margin-bottom: 0px;">
        <div class="row">

            <nav class="navbar" role="navigation"
                style="background-color: rgb(206, 228, 247);padding-left: 100px;margin-bottom: 0px">
                <div class="container-fluid">
                    <div>
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="index.html"> <img src="../../imgs/index/logo.jpg" alt="失败" id="logo"
                                class="img-circle navbar-brand"></a>
                        <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                    </div>

                    <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                        <ul class="nav navbar-nav ">
                            <li><a href="index.html">
                                    <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    游记<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-user"
                                                style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                            &nbsp;达人
                                            <span class="badge pull-center" style="background-color: red">hot</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-edit"></span>
                                            写游记
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">赚钻石</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-flag"></span>
                                            游记主页</a></li><br>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    景点<b class="caret"></b>
                                    <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">NEW</span>
                                        </a></li><br>
                                    <li><a href="#"><span class="glyphicon glyphicon-plane">&nbsp;精品行程</span></a></li>
                                    <br>
                                    <li><a href="#"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">
                                    <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                    <!-- <span class="badge pull-center"
                                        style="color: red;font-size:1px">hot</span> -->
                                </a>
                            </li>

                        </ul>

                        <!-- <div style="padding-top:15px" class="">
                                <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                
                            </div> -->


                        <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                            <li class="dropdown">
                            <li> <a></a></li>
                            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                    style="font-family: 楷体;padding-left: 0px">
                                    我的悠 U &nbsp;<img id="headerImg" src="../../imgs/index/head.jpg"
                                        class="img-circle"><b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="#">我的导游</a>
                                    </li>
                                    <li>
                                        <a href="#">我的钱包</a>
                                    </li>

                                    <li>
                                        <a href="#">我的游记</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li> <a href="#">互动信息</a> </li>
                                    <li> <a href="#">我的账号</a> </li>
                                    <li> <a href="#">退出</a> </li>

                                </ul>
                            </li>
                            <li><a href="#weibo" style="padding-left:2px;padding-right: 2px"><i
                                        class="fa fa-weibo"></i></a></li>
                            <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"><i
                                        class="fa fa-weixin"></i> </a></li>
                            <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"> <i
                                        class="fa fa-qq"></i></a></li>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">登录</li> </a>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">注册</li> </a>



                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>


    <!--轮播 - banner - begin-->
    <div class="banner_container">
        <div class="container">
            <ul id="banner-box">
                <li style="z-index: 3;opacity: 1;">
                    <a href="">
                        <img src="../../imgs/index/pic_001.jpg" alt="">
                        <div class="text-box">
                            <p><span>11</span>/Dec.2017</p>
                            <h2>唯有旅行与美食，不负时光</h2>
                            <!-- 搜索 begin -->
                            <div class="input-group col-md-6" style="margin-left: 25%;margin-top: 25%">
                                <input type="text" placeholder="搜索游记" name="search" class="form-control input-lg ">
                                <div class="input-group-btn">
                                    <button class="btn btn-lg btn-success" type="submit">
                                        搜索
                                    </button>
                                </div>
                            </div>
                            <!-- 搜索 end -->
                        </div>


                    </a>
                </li>
                <li style="z-index: 1;opacity: 1;">
                    <a href="">
                        <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                            alt="">
                        <div class="text-box">
                            <p><span>11</span>/Dec.2017</p>
                            <h2>印度尼西亚︱我的人生伏笔，从东爪哇到巴厘岛</h2>
                            <!-- 搜索 begin -->
                            <div class="input-group col-md-6" style="margin-left: 25%;margin-top: 25%">
                                <input type="text" placeholder="搜索游记" name="search" class="form-control input-lg ">
                                <div class="input-group-btn">
                                    <button class="btn btn-lg btn-success" type="submit">
                                        搜索
                                    </button>
                                </div>
                            </div>
                            <!-- 搜索 end -->
                        </div>
                    </a>
                </li>
                <li style="z-index: 1;opacity: 1;">
                    <a href="">
                        <img src="../../imgs/index/pic_003.jpg" alt="">
                        <div class="text-box">
                            <p><span>11</span>/Dec.2017</p>
                            <h2>天地山水，超你所愿（附12天加拿大自驾指南）</h2>
                            <!-- 搜索 begin -->
                            <div class="input-group col-md-6" style="margin-left: 25%;margin-top: 25%">
                                <input type="text" placeholder="搜索游记" name="search" class="form-control input-lg ">
                                <div class="input-group-btn">
                                    <button class="btn btn-lg btn-success" type="submit">
                                        搜索
                                    </button>
                                </div>
                            </div>
                            <!-- 搜索 end -->
                        </div>
                    </a>
                </li>
                <li style="z-index: 1;opacity: 1;">
                    <a href="">
                        <img src="../../imgs/index/pic_004.jpg" alt="">
                        <div class="text-box">
                            <p><span>11</span>/Dec.2017</p>
                            <h2>锦州 | 2天暴食13顿，这是一座来了没时间观光的城市！</h2>
                            <!-- 搜索 begin -->
                            <div class="input-group col-md-6" style="margin-left: 25%;margin-top: 25%">
                                <input type="text" placeholder="搜索游记" name="search" class="form-control input-lg ">
                                <div class="input-group-btn">
                                    <button class="btn btn-lg btn-success" type="submit">
                                        搜索
                                    </button>
                                </div>
                            </div>
                            <!-- 搜索 end -->
                        </div>
                    </a>
                </li>
                <li style="z-index: 1;opacity: 1;">
                    <a href="">
                        <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                            alt="">
                        <div class="text-box">
                            <p><span>11</span>/Dec.2017</p>
                            <h2>澳之秘境，倾翻的浪漫盐池——西澳南澳自驾笔记</h2>
                            <!-- 搜索 begin -->
                            <div class="input-group col-md-6" style="margin-left: 25%;margin-top: 25%">
                                <input type="text" placeholder="搜索游记" name="search" class="form-control input-lg ">
                                <div class="input-group-btn">
                                    <button class="btn btn-lg btn-success" type="submit">
                                        搜索
                                    </button>
                                </div>
                            </div>
                            <!-- 搜索 end -->
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <ul id="banner-index-box" class="banner-index-box">
            <li class="banner-index-active">
                <img src="../../imgs/index/pic_001.jpg" alt="">
                <span></span>
            </li>
            <li>
                <img src="https://n4-q.mafengwo.net/s14/M00/78/71/wKgE2l15xeyAGP_NAAbXnvbYGdA308.jpg?imageMogr2%2Finterlace%2F1"
                    alt="">
                <span></span>
            </li>
            <li>
                <img src="../../imgs/index/pic_003.jpg" alt="">
                <span></span>
            </li>
            <li>
                <img src="../../imgs/index/pic_004.jpg" alt="">
                <span></span>
            </li>
            <li>
                <img src="https://b3-q.mafengwo.net/s14/M00/43/49/wKgE2l12JriAGm53AAduwcseKIs827.jpg?imageMogr2%2Finterlace%2F1"
                    alt="">
                <span></span>
            </li>
        </ul>
    </div>


    <!-- 轮播 end -->



    <!-- 游记 -->
    <div class="row">
        <div class="" style="margin-left: 20%;margin-top: 40px;width: 58%">
            <div class="tabs-container">

                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true" style="color: lightpink">
                            热门游记</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">最新游记</a>
                    </li>
                    <li>
                     <a href="editnotes.html">   <button type="button" class="btn btn-w-m btn-warning" style="margin-left: 590px">
                            写游记>></a></button>
                    </li>
                </ul>
                <!-- 热门游记 -->
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            <div id="wrapper_bg">

                                <!-- 品牌列表开始 -->
                                <div class="brand-list">
                                    <div class="brand-bd cle" id="brand-waterfall">
                                        <!-- 循环字母模块 item -->
                                        <div class="item" id="brand-a">
                                            <p> <img src="../../imgs/index/rm_004.jpg"
                                                    style="width:100%;height: 130px;"></p>
                                            <p><a href="#">
                                                    <h1><b>国内四大赏枫地之一，苏州天平山的红枫甲天下</h1></b>
                                                </a></p>
                                            <div>
                                                <a href="#"><span class="fa fa-eye"
                                                        style="margin-left: 10px">&nbsp;80222</span></a>
                                                <a href="#"><span class="fa fa-heart"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                            </div>
                                            <div>
                                                <a href="#"><img src="../../imgs/index/head.jpg" height="25" width="25"
                                                        id="h_img"> </a>
                                                <a href="#"><span id="accountName">甜甜会撒娇</span></a>
                                                <span id="date">2019/9/18</span>
                                            </div>


                                        </div>
                                        <div class="item" id="brand-b">
                                            <p><img src="../../imgs/index/gl_004.jpg" style="width:100%;height: 180px;">
                                            </p>
                                            <p><a href="#">
                                                    <h1><b>年轻人的韩国旅行应该这样玩！</h1></b>
                                                </a></p>
                                            <div>
                                                <a href="#"><span class="fa fa-eye"
                                                        style="margin-left: 10px;">&nbsp;80222</span></a>
                                                <a href="#"><span class="fa fa-heart"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                            </div>
                                            <div>
                                                <a href="#"><img src="../../imgs/index/head.jpg" height="25" width="25"
                                                        id="h_img"> </a>
                                                <a href="#"><span id="accountName">甜甜会撒娇</span></a>
                                                <span id="date">2019/9/18</span>
                                            </div>
                                        </div>
                                        <div class="item" id="brand-c">
                                            <p><a href="#"><img src="../../imgs/index/rm_005.jpg"
                                                        style="width:100%;height: 140px;"></a></p>
                                            <p><a href="#">
                                                    <h1><b>带着妈妈去旅行：畅游北疆 （五彩滩-喀纳斯-禾木-乌尔禾魔鬼城-赛里木湖-那拉提-</h1></b>
                                                </a></p>
                                            <div>
                                                <a href="#"><span class="fa fa-eye"
                                                        style="margin-left: 10px;">&nbsp;80222</span></a>
                                                <a href="#"><span class="fa fa-heart"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                            </div>
                                            <div>
                                                <a href="#"><img src="../../imgs/index/head.jpg" height="25" width="25"
                                                        id="h_img"> </a>
                                                <a href="#"><span id="accountName">甜甜会撒娇</span></a>
                                                <span id="date">2019/9/18</span>
                                            </div>
                                        </div>
                                        <div class="item" id="brand-d">
                                            <p><a href="#"><img src="../../imgs/index/rm_024.jpg"
                                                        style="width:100%;height: 160px;"></a></p>
                                            <p><a href="#">
                                                    <h1><b>带着妈妈去旅行：畅游北疆 （五彩滩-喀纳斯-禾木-乌尔禾魔鬼城-赛里木湖-那拉提-</h1></b>
                                                </a></p>
                                            <div>
                                                <a href="#"><span class="fa fa-eye"
                                                        style="margin-left: 10px;">&nbsp;80222</span></a>
                                                <a href="#"><span class="fa fa-heart"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                            </div>
                                            <div>
                                                <a href="#"><img src="../../imgs/index/head.jpg" height="25" width="25"
                                                        id="h_img"> </a>
                                                <a href="#"><span id="accountName">甜甜会撒娇</span></a>
                                                <span id="date">2019/9/18</span>
                                            </div>

                                        </div>
                                        <div class="item" id="brand-e">
                                            <p><a href="#"><img src="../../imgs/index/rm_024.jpg"
                                                        style="width:100%;height: 200px;"></a></p>
                                            <p><a href="#">
                                                    <h1><b>带着妈妈去旅行：畅游北疆 （五彩滩-喀纳斯-禾木-乌尔禾魔鬼城-赛里木湖-那拉提-</h1></b>
                                                </a></p>
                                            <div>
                                                <a href="#"><span class="fa fa-eye"
                                                        style="margin-left: 10px;">&nbsp;80222</span></a>
                                                <a href="#"><span class="fa fa-heart"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                            </div>
                                            <div>
                                                <a href="#"><img src="../../imgs/index/head.jpg" height="25" width="25"
                                                        id="h_img"> </a>
                                                <a href="#"><span id="accountName">甜甜会撒娇</span></a>
                                                <span id="date">2019/9/18</span>
                                            </div>
                                        </div>
                                        <div class="item" id="brand-f">
                                            <p><a href="#"><img src="../../imgs/index/rm_024.jpg"
                                                        style="width:100%;height: 120px;"></a></p>
                                            <p><a href="#">
                                                    <h1><b>带着妈妈去旅行：畅游北疆 （五彩滩-喀纳斯-禾木-乌尔禾魔鬼城-赛里木湖-那拉提-</h1></b>
                                                </a></p>
                                            <div>
                                                <a href="#"><span class="fa fa-eye"
                                                        style="margin-left: 10px;">&nbsp;80222</span></a>
                                                <a href="#"><span class="fa fa-heart"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                            </div>
                                            <div>
                                                <a href="#"><img src="../../imgs/index/head.jpg" height="25" width="25"
                                                        id="h_img"> </a>
                                                <a href="#"><span id="accountName">甜甜会撒娇</span></a>
                                                <span id="date">2019/9/18</span>
                                            </div>
                                        </div>
                                        <div class="item" id="brand-g">

                                            <p><a href="#"><img src="../../imgs/index/rm_004.jpg"
                                                        style="width:100%;"></a></p>
                                            <p><a href="#">ANNASUI/安娜苏</a></p>
                                            <p><a href="#">ETUDEHOUSE/爱丽小屋</a></p>
                                            <p><a href="#">abeeco</a></p>
                                            <p><a href="#">AFU/阿芙</a></p>
                                            <p><a href="#">Egyptian-Magic-Cream/埃及魔法膏</a></p>
                                            <p><a href="#">adidas/阿迪达斯</a></p>
                                        </div>
                                        <div class="item" id="brand-h">
                                            <p><a href="#"><img src="../../imgs/index/gl_008.jpg"
                                                        style="width:100%;height: 250px;"></a></p>
                                            <p><a href="#">
                                                    <h1><b>带着妈妈去旅行：畅游北疆 （五彩滩-喀纳斯-禾木-乌尔禾魔鬼城-赛里木湖-那拉提-</h1></b>
                                                </a></p>
                                            <div>
                                                <a href="#"><span class="fa fa-eye"
                                                        style="margin-left: 10px;">&nbsp;80222</span></a>
                                                <a href="#"><span class="fa fa-heart"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                        style="margin-left: 10px">&nbsp;822</span></a>
                                            </div>
                                            <div>
                                                <a href="#"><img src="../../imgs/index/head.jpg" height="25" width="25"
                                                        id="h_img"> </a>
                                                <a href="#"><span id="accountName">甜甜会撒娇</span></a>
                                                <span id="date">2019/9/18</span>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- 品牌列表 end -->
                            </div>
                        </div>
                    </div>
                </div>



                <div id="tab-2" class="tab-pane">
                    <div class="panel-body">
                    </div>
                </div>
            </div>
        </div>
    </div>







    <!-- 底部导航 begin -->
    <div class="container-fluid">
        <div class="row">
            <nav class="navbar navbar-inverse fixed-bottom" role="navigation">
                <div class="container-fluid" style="font-size: 13px">
                    <div class="row">
                        <ul class="nav navbar-nav">
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 150px"
                                    class="col-md-4">
                                    <h4>悠&nbsp;U旅行</h4>
                                    <p>悠&nbsp;U是一个新方式的<span style="color: bisque"> "旅行交友"</span> 的网站,<br>
                                        旨在帮助旅行者计划和结伴游玩,<br>
                                        可以提供业余的引路人带给旅行者更好的 <span style="color: bisque"> "游玩体验"</span><br>
                                        提供一定的旅行日记,打造 <span style="color: bisque">"新方式旅行交友"</span><br>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 0px"
                                    class="col-md-12">
                                    <h4>关于我们</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>关于悠 U</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们</li><br>
                                        <li>服务协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游记协议</li><br>
                                        <li>达人协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策</li><br>
                                        <li>网络信息侵权通知指引</li><br>
                                        <li>网站地图</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商业合作</li><br>
                                        <li style="color: bisque">&nbsp;&nbsp;&nbsp;加入我们</li>

                                    </ul>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px"
                                    class="col-md-12">
                                    <h4>帮助中心</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>新手上路</li><br>
                                        <li style="color: bisque">意见反馈</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;常见问题</li><br>
                                        <li style="color: bisque">帮助中心</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;旅行工具</li><br>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <br><br>
                    <hr>
                    <div style="color: rgb(177, 177, 177);margin-top: 20px;margin-left: 150px;font-size: 12px">
                        <div style="float: left;"><img src="../../imgs/index/logo.jpg" width="60px" height="40px"
                                style="opacity: 0.7;border-radius: 80px;">
                        </div>
                        <div style="float: left;margin: 10px 5px;font-family: '楷体';font-size:18px">悠 U</div>
                        <div style="float: left;;margin-top: 10px;margin-left: 30px">© 2019 悠U
                            版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可&nbsp;&nbsp;&nbsp;营业执照</div>
                        <div style="clear: both;margin-left: 130px;margin-bottom: 20px">
                            悠U不是旅行社,也不是代理商,我们只提供一些免费、客观、公正
                            、计费的攻略指南,以及一些业余的引路人
                            对外部网站概不负责</div>

                    </div>
                </div>
                <div
                    style="float: right;width: 40px;height: 50px;margin-right: 10px;background-color: aliceblue;text-align: center">
                    <a href="#top" style="color: rgb(177, 177, 177)"><br>Top&nbsp;↑</a>
                </div>
            </nav>

        </div>
    </div>

    <!-- 底部导航 end -->

    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>

    <!-- 自定义js -->
    <script src="../../js/content.js?v=1.0.0"></script>
    <script src="../../js/index/lunbo.js"></script>

    <script src="../../js/traveler/travelnotes_index/cascade.js"></script>
    <script src="../../js/traveler/travelnotes_index/mt-tabpage.js"></script>




    <script>
        $('#brand-waterfall').cascade();

        $(function () {
            $('[js-tab=2]').tab({
                curDisplay: 1,
                changeMethod: 'horizontal'
            });

            $('[js-tab=3]').tab({
                curDisplay: 1,
                changeMethod: 'horizontal'
            });
        });

    </script>










</body>

</html>